body {
  margin: 0; 
  padding: 0; 
  font-family: 'Verdana', sans-serif;
  color: black;
 
}
.carbon{
 background-image: url('/images/white.png');
}
#header {
	background-color: #333333;	
	width:100%;
	height:45px;
	overflow:hidden;
}

img#image{
display:inline;
float:left;
padding:5px;
}

#content {
  padding:5px 0 0 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: right 120px;
  min-height:500px;
  height:auto;
  min-width:700px;
  width:100%; 
width:100%;
border:0;
}

#footer {
  background: #FFFFFF;
}

#pager {
  padding-top: 8px;
  padding-bottom: 8px;
}

#pager span.current {
  border: solid 2px black;
  font-weight: bolder;
  padding: 3px;
  color: black;
}


div#articles{
padding:20px;
width:50%;
border: solid 2px #DDDDDD;
border-radius:5px;
}
a {
cursor:pointer;
}


div#alert{
color:#FF0000;
font-size:8px;
}
input#image{
margin:0 auto;
}
.selectadmin {
position:relative ;
margin:5px 20px 0 0;
text-align:left;
}
.author{
position:relative;
right:180px;
}
.log{
float:right;
font-size:14px;
margin:0 20px 0 0;
padding:10px 0 0 0;
list-style-type: none;
}
.log a {
color:#FFFFFF;
}
.logout{
    margin:0;
    padding:0;
    list-style-type: none;

}
table{
position:relative;
}
h3{
right:280px;
position:relative;
}
#createarticle{
width:50%;
float:left;
}
.category{
position:relative;
}
#category{

position:relative;
}
div#edit{
position:relative;
}
p.category{
position:relative;
}
table#article{
position:relative;
margin:0 50px 0 50px;
}


#small{
font-size:10px;
padding:5px;
}
#medium{
font-size:14px;
}
.page{
font-size:12px;
color:#20B2AA;
}
td#page{
padding:5px;
}
div#block{

position:relative;
}
div#menuwrapper{
position:relative;
height:350px;
float:left;
}

dd#comment-element{
position:relative;
right:15%;

}
#edit{
font-size:12px;
border:1px solid #CCCCCC;
padding:5px;
height:45px;

}
div#edit a:hover{
background-color:#CCCCCC !important;
border-radius:2px;
padding:2px;
}
#options{
margin-left:180px;
position:absolute;
bottom:1px;
border:1px solid #CCCCCC;
}
#button{
margin-left:50px;
}
#comment_title{
font-size:14px;
}
#widget_datatime{
position:relative;
margin-left:250px;
bottom:31px;
}
#widget_date{
position:relative;
top:3px;
}
span.mini{
font-size:10px;
color:#555555;
}
h5.title{
margin:0 auto;
margin-right:40%;
margin-left:20%;
}
div#upload{
margin-left:20%;
margin-right:40%;
}
label.article{
margin-left:20%;
margin-right:40%;
}
.title{
margin-right:10%;
text-align:center;
}
.submitadmin{
text-align:left;
display:block;
}
#editform{
background-color:#eeeeee;
width:660px;
border:1px solid #CCCCCC;
padding:15px;
border-radius:8px;
}
#articles{
}
/*каталог статей*/
div#catalog{
width:90%;
padding:5px;
display:inline;
list-style-type:none;
}
div#catalogheader{
text-align:left;
position:relative;
padding:5px 10px 5px 10px;
display:inline;

}
div#catalogheader a{
display:inline;
}
div#catalogbody{
background-color:#FFFFFF;
width:90%;
text-align:left;
}
.accordeon{
float:left;
width:200px !important;
margin-right:50px;
margin-top:10px;
font-size:0.8em !important;
}
.accordeon a{
text-align:center;
}
#menu{
position:relative;
z-index:9999;
width:240px;
font-size:16px;
float:left;
padding-left: 5px;
margin-top:0;
}
div#menu a{

}
#menu a:hover{
  
}
#menu a{
 
}
div#comment{
	background-color:#CCCCCC;
	float:left;
	min-width:500px;
	max-width:1000px;
	height:auto;
	border:1px solid #DDDDDD;
	border-radius:5px;
	padding:10px;
}
dd{
margin:0;
padding:0;
}
#comments{
padding:20px;
margin:0 auto;
margin-left:300px;
width:800px;
height:auto;
border:1px solid #EEEEEE;
border-radius:5px;
background-color:#DDDDDD;
}
#login{
position:relative;
padding:20px;
margin:0 auto;
margin-top:10%;
width:280px;
height:150px;
}
#loginheader{
color:#CCCCCC;
background-color:#333333;
padding:5px;
border:1px 1px 0 1px solid #EEEEEE;
}
#loginbody{
padding:10px;
border:1px solid #DDDDDD;
background-color:#FFFFFF;
font-size:8px;
color:#FF0000;
list-style-type:none;
}
#loginbody .errors li{
list-style-type:none;
}
ul.errors li{
font-size:10px;
color:#FF0000;
text-shadow:none;
}
body#loginform{
background-color:#F4F4F4;
}
.ui-jqgrid td input, .ui-jqgrid td select .ui-jqgrid td textarea{
	border-radius:2px;
	border:solid 1px 	#3790e8;
	padding:0;
}
#progressbar{
  background:url('images/animated-overlay.gif') repeat scroll 0 0 transparent;
  background-color:#026890;
  opacity: 0.95;
}
div#comments-contain { width: 350px; margin: 20px 0; }
div#comments-contain table { margin: 1em 0; border-collapse: collapse; width:1000px;}
div#comments-contain table td, div#comments-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }

div#comment-container {  margin:0; }
div#comment-container table { margin: 1em 0; border-collapse: collapse; width:1000px;}
div#comment-container table td th,div#comment-container th,div#comment-container td{ border: 1px solid #eee; padding: .6em 10px; text-align: left; }

div#articles-container {  margin:0; }
div#articles-container table { margin: 1em 0 0 0; border-collapse: collapse; width:1000px;}
div#articles-container table td th,div#articles-container th,div#articles-container td{ border: 1px solid #eee; padding: .6em 10px; text-align: left; }
div#pagination table{
    height:20px;
}
.created{
    font-size:10px;
}
.pages_current:hover{
    background-color:#006699 !important;
}
.tabPagButton:hover{
    background-color:#006699 !important;
}
.pages_current:active{
    background-color:#008000 !important;
}
.active_page,.activepage{
    background-color:#006699 !important;
}
.tabtext{
    font-size:10px;
}
.active_page , .activepage{

    border-radius:2px;
    cursor:text;
    background-color:#006699;
    border:1px solid #072A66;
    font-size:12px;
    font-weight:bold;
    margin:3px;
    padding:3px 5px;
    text-decoration:underline;
    width:15px;
    height:20px;

}
.commpage_current,.current_page, .commpage_next, .commpage_prev{
    cursor:pointer;
    background-color:#7FBDFA;
    border:1px solid #072A66;
    font-size:12px;
    font-weight:normal;
    margin:3px;
    padding:3px 5px;
    text-decoration:none;
    width:15px;
    height:20px;
    border-radius:2px;
}
.commtitle , .commcount{
    cursor:pointer;
    text-decoration:underline;
    color:#1c2f80;
}
div#pagination {
    border-top: 0 none !important;
    border-bottom: 0 none !important;
    border-left: 0 none !important;
    border-right: 0 none !important;
    font-size: 11px;
    height: 25px;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    position: relative;
    white-space: nowrap;
}
.current_page:hover{
    background-color:#51c128;
}
.commpage_next:hover{
    background-color:#51c128;
}
.commpage_prev:hover{
    background-color:#51c128;
}
#articles-container tr:hover{
    color:#51c128;
    background:#67cddc;
}
.tab_bottom{

    margin:0px;
    margin-top:10px;
    background-color:#FCFDFD;
    padding:10px 0 10px 150px;
}
.tabPagButton{
    cursor:pointer;
    text-deoratio:none;
    color:#FFFFFF;
    font-size:10px;
    border:1px solid #838b8b;
    border-radius:3px;
    background-color:#1874cd;
    padding:2px;
}
#admin{
    float:right;
    color:#62c462;
    font-size: 10px;
    padding:15px 20px 0 0;
}
div#art-container{width: 350px; margin: 0;}
div#art-container table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#art-container table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }

div#comminfo-container{width: 350px; margin: 0;}
div#comminfo-container table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#comminfo-container table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }

div#catinfo-container{width: 350px; margin: 0;}
div#catinfo-container table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#catinfo-container table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }

div#usersinfo-container{width: 350px; margin: 0;}
div#usersinfo-container table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#usersinfo-container table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }

div#onlineinfo-container{width: 300px; margin: 0;}
div#onlineinfo-container table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#onlineinfo-container table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }

table#resourceinfo-container {text-align:center;}
table#resourceinfo-container td{ border:1px solid #EEEEEE;padding:2px;}
table#resourceinfo-container { border-collapse:collapse;}